R A D I U S

Paragraph Headings

Use to identify new topics within a section.

Description

Paragraph headings have 3 variants: --large, --medium and --small responsible for controlling the font size. They use Amasis MT as their typeface, except the --small variant which uses Roboto for clarity purposes.

Activate Sass component

In order to have the styling of this component available, you need to include it in your project. After including the Radius library in your main ./index.scss file, add this snippet:

@include radius-component-paragraph-heading;

Link to Abstract/Sketch file

Download Sketch / Abstract file

Usage

Usage example

Lorem ipsum dolor sit amet consectetur adipiscing elit

Code example

<h2 class="paragraph-heading paragraph-heading--large">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
<h2 class="paragraph-heading paragraph-heading--medium">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
<h2 class="paragraph-heading paragraph-heading--small">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>